<template>
  <span>{{ res }}</span>
</template>

<script>
export default {
  name: "FlagItem",
  props: {
    resList: {
      type: Array,
      required: true,
    },
  },
  computed: {
    res() {
      return this.resList
        .map((item, index) => `${index + 1}:${item} `)
        .join("");
    },
  },
};
</script>

<style scoped>
.right {
  color: green;
}
.error {
  color: red;
}
.undo {
  color: #ccc;
}
</style>
